import React from 'react';
// 这里展示获取mobx的数据
// import {observer, inject} from 'mobx-react'
// observer:将你的组件变成响应式组件。就是数据改变时候可以出发重新的渲染。
// inject(homeStore):和redux的connect作用一样,将数据注册到组件。homeStore其实就我们store/index中 new出来的实例名称；
// this.props.homeStore.xxx:这个就是如何使用数据源中的值.就和组件透传一样
// https://www.jianshu.com/p/5549eb6f97a9     https://www.jianshu.com/p/b841aee4745f  使用修饰器是es7的语法  需要配置balel


import AboutMenu from "../com/aboutMenu/AboutMenu"

export class About extends React.Component{
    render() {
        return(
            <div>
                <h1>我是about页面</h1>
                <AboutMenu/>
                {this.props.children}
            </div>
        )
    }
}
export class Events extends React.Component{
    render() {
        return(
            <div>
                <h1>我是Events组件</h1>
            </div>
        )
    }
}
export class Contact extends React.Component{
    render() {
        return(
            <div>
                <h1>我是Contact组件</h1>
            </div>
        )
    }
}
export class Products extends React.Component{
    render() {
        return(
            <div>
                <h1>我是Products组件</h1>
            </div>
        )
    }
}
export class Home extends React.Component{
    render(){
        return(
            <div>
                <h1>这里是首页</h1>
            </div>
        )
    }
}